<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport"
          content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="keywords" content=""/>
<meta name="description" content="">
<meta name="author" content=""/>
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>学习中心</title>
<link rel="stylesheet" type="text/css" href="/assets/css/public.css">
<link rel="stylesheet" type="text/css" href="/assets/css/LQC.css">
</head>

<body>
<header id="xx_header">
  <div class="xx_Qhc01"> 学习中心
  </div>
  
</header>
  <div class="xx_Qhc02"> <span>生涯读物</span>
    <ul class="clearfix">
      <c:forEach var="b" items="${bookList }">
      <li><img src="${b.bookImage }"><br>${b.name }</li>
      </c:forEach>
    </ul>
  </div>
<article class="clearfix" id="xx_article">

  <div class="xx_Qac01"> 培训课程 </div>

	 <c:forEach var="c" items="${courseList }">
	<div class="xx_Qac02">
		<a href="/learn/detail/${c.id }">
			<div class="xx_Qac02_1">
				<img src="${c.imagePath }">
			</div>
			<div class="xx_Qac02_2">
				<p>${c.tittle }</p>
				${c.content }
			</div>
			<div class="xx_Qac02_3">我要报名</div>
		</a>
	</div>
	</c:forEach>








	</article>
<footer class="k_footer0">
  <ul>
    <a href="/">
    <li><img src="/assets/images/tab_home_gary@2x.png">
      <p>首页</p>
    </li></a> 
    
    <a href="#">
    <li class="k_focus"><img src="/assets/images/tab_school@2x.png">
      <p>学习中心</p>
    </li></a>
    
    <a href="/user/login">
    <li><img src="/assets/images/tab_user_gary@2x.png">
      <p>个人中心</p>
    </li></a> 
    
    <a href="/aboutauthor/aboutAuthor">
    <li><img src="/assets/images/tab_about-us_gary@2x.png">
      <p>关于我们</p>
    </li></a>
  </ul>
</footer>
</body>
</html>
